<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body class="data">
    <header class="head">
        <!-- 字体图标 -->
        <i id="backbtn" class="iconfont icon-prev"></i>

        <!-- 我的运动数据 -->
        <div class="mysports df jcsb aic">
            <div class="title">我的运动数据</div>
            <img id='img' alt="">
        </div>

        <!-- 数据 -->
        <div class="mydata df jcsb">
            <div class="toatl">
                <h4>总运动</h4>
                <span id="mintue">99999</span>分钟
            </div>
            <em></em>
            <div class="toatl">
                <h4>本周消耗</h4>
                <span id="mintues">99999</span>千卡
            </div>
        </div>

        <!-- 消耗 -->
        <div class="consumebox df jcsb">
            <div class="box1">
                <h4>消耗(千卡)</h4>
                <p id="sum1">999999</p>
            </div>
            <div class="box1">
                <h4>累计(天)</h4>
                <p>999</p>
            </div>
            <div class="box1">
                <h4>连续(天)</h4>
                <p>999</p>
            </div>
        </div>
    </header>
    <main class="databox">
        <div class="bar"></div>
        <div class="pie"></div>
    </main>
</body>
</html>